<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/second.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/second.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>
        $(".heads").load("head.html");
    </script>
</div>
<!--banner-->
<div class="fu_bg huobg">
    <div class="fu_inner inner wow bounceIn animated">
        <div class="fu_text">
            <div class="fu_pos">
                <b></b>
                <h1>演出活动</h1>
                <p>  PERFORMANCE</p>
            </div>
        </div>
    </div>
</div>
<!--活动列表-->
<div class="padd50  col_hui">
    <div class="main-md">
        <div class="title">
            <h1>
                <div style="animation-delay: 0s;">演</div>
                <div style="animation-delay: 0.1s;">出</div>
                <div style="animation-delay: 0.2s;">活</div>
                <div style="animation-delay: 0.3s;">动</div>
                <br/> <b></b> </h1>
        </div>
    </div>
    <div class="huo">
        <div class="main-md">
            <ul>
                <li><a href="#">
                    <div class="huo_text">
                        <span> 2018.7.22 </span>
                        <h4>院线电影《妈妈咪鸭》宣传曲录制 </h4>
                        <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                    </div>
                    <div class="huo_img"><img src="images/second/huo-1.jpg" alt=""/> </div> <div class="both"></div>
                </a></li>
                <li><a href="#">
                    <div class="huo_text">
                        <span> 2018.7.22 </span>
                        <h4>院线电影《妈妈咪鸭》宣传曲录制 </h4>
                        <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                    </div>
                    <div class="huo_img"><img src="images/second/huo-2.jpg" alt=""/> </div> <div class="both"></div>
                </a></li>
                <li><a href="#">
                    <div class="huo_text">
                        <span> 2018.7.22 </span>
                        <h4>院线电影《妈妈咪鸭》宣传曲录制 </h4>
                        <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                    </div>
                    <div class="huo_img"><img src="images/second/huo-3.jpg" alt=""/> </div> <div class="both"></div>
                </a></li>
                <li><a href="#">
                    <div class="huo_text">
                        <span> 2018.7.22 </span>
                        <h4>院线电影《妈妈咪鸭》宣传曲录制 </h4>
                        <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                    </div>
                    <div class="huo_img"><img src="images/second/huo-4.jpg" alt=""/> </div> <div class="both"></div>
                </a></li>
                <li><a href="#">
                    <div class="huo_text">
                        <span> 2018.7.22 </span>
                        <h4>院线电影《妈妈咪鸭》宣传曲录制 </h4>
                        <p>艺术化的创意，一直都不是我们坚守的东西。我们所作的创意一直都是游走在艺术和商业之间......</p>
                    </div>
                    <div class="huo_img"><img src="images/second/huo-5.jpg" alt=""/> </div> <div class="both"></div>
                </a></li>
            </ul>
            <div>
                <div class="mypage  ph_dis">
                    <a href="#">上一页</a>
                    <a href="#" class="linking">1</a>
                    <a href="#" class="unlink">2</a>
                    <a href="#" class="unlink">3</a>
                    <a href="#" class="unlink">4</a>
                    <a href="#">下一页</a>
                </div>
                <div class="mypage  pc_dis">
                    <a href="#">&lt;</a>
                    1/10
                    <a href="#">&gt;</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页尾-->
<div class="foots">
    <script>
        $(".foots").load("foot.html");
    </script>
</div>
</body>
</html>